<img src="__STATIC__/game/img/list.png"><div class="content">
    <p class="times">房间号：<span >{$room.room_num}</span><span>{:date('Y-m-d H:i',$room['taipaitime'])}</span></p>
    <ul>



{volist name="list" id="vo"}
    
        <li class="{gt name="vo['money']" value="0"}add{/gt} {eq name="key" value="0"} win{/eq}"><span>{$vo.nickname}</span><span>{gt name="vo['money']" value="0"}+{else /}-{/gt}{:abs($vo['money'])} </span></li>


{/volist}
<!--     <li class=""><span>gg刚刚</span><span></span></li>
    <li class=""><span>gg刚刚</span><span></span></li>
    <li class=" "><span>gg刚刚</span><span></span></li>
    <li class=""><span>gg刚刚</span><span></span></li>
    <li class=""><span>gg刚刚</span><span></span></li>
    <li class=" "><span>gg刚刚</span><span></span></li>
    <li class=""><span>gg刚刚</span><span></span></li>
    <li class=""><span>gg刚刚</span><span></span></li>
    <li class=""><span>gg刚刚</span><span></span></li> -->


    </ul>
</div>
<img id="down_img" style="width: 100%;border:none; position: absolute; top: 0; left: 0; bottom:0; right:0; z-index: 90000;" src="">
<!-- <script src="__STATIC__/game/js/jquery-1.12.1.js"></script> -->
<script src="__STATIC__/game/js/html2canvashq.js"></script>
<!-- <script>
var dom=$("body");
    var width = dom.width();
    var height = dom.height();
    var type = "png";
    var scaleBy = 10;
    var canvas = document.createElement('canvas');
    canvas.width = width * scaleBy;
    canvas.height = height * scaleBy+35;
    canvas.style.width = width * scaleBy + 'px';
    canvas.style.height = height * scaleBy + 'px';
    var context = canvas.getContext('2d');
    context.scale(scaleBy, scaleBy);
    html2canvas(dom[0], {
        canvas:canvas,
        onrendered: function (canvas) {
            $('#down_img').attr( 'src' , canvas.toDataURL() );
        }
    });
</script> -->

<script>

//定义查找元素方法
function $(selector) {
return document.querySelector(selector);
}
var main = {

//获取像素密度
getPixelRatio:function(context){
var backingStore = context.backingStorePixelRatio ||
context.webkitBackingStorePixelRatio ||
context.mozBackingStorePixelRatio ||
context.msBackingStorePixelRatio ||
context.oBackingStorePixelRatio ||
context.backingStorePixelRatio || 1;
return (window.devicePixelRatio || 1) / backingStore;
},
//绘制dom 元素，生成截图canvas
html2Canvas: function () {
var shareContent = $("body");// 需要绘制的部分的 (原生）dom 对象 ，注意容器的宽度不要使用百分比，使用固定宽度，避免缩放问题
var width = shareContent.offsetWidth;  // 获取(原生）dom 宽度
var height = shareContent.offsetHeight; // 获取(原生）dom 高
var offsetTop = shareContent.offsetTop;  //元素距离顶部的偏移量

var canvas = document.createElement('canvas');  //创建canvas 对象
var context = canvas.getContext('2d');
var scaleBy = main.getPixelRatio(context);  //获取像素密度的方法 (也可以采用自定义缩放比例)
canvas.width = width * scaleBy;   //这里 由于绘制的dom 为固定宽度，居中，所以没有偏移
canvas.height = (height + offsetTop) * scaleBy+200;  // 注意高度问题，由于顶部有个距离所以要加上顶部的距离，解决图像高度偏移问题(height + offsetTop) * scaleBy
context.scale(scaleBy, scaleBy);

var opts = {
allowTaint:true,//允许加载跨域的图片
tainttest:true, //检测每张图片都已经加载完成
scale:scaleBy, // 添加的scale 参数
canvas:canvas, //自定义 canvas
logging: true, //日志开关，发布的时候记得改成false
width:width, //dom 原始宽度
height:height //dom 原始高度
};
html2canvas(shareContent, opts).then(function (canvas) {
    $('#down_img').attr( 'src' , canvas.toDataURL());    
    // $('.content').parentElement.removeChild($('.content'))
});
}
};

//最后运行代码
main.html2Canvas();

</script>
